// import { options } from 'less'

export let getOneOption = function (option) {
  console.log(option)
  let optionList = {
    tooltip: {
      trigger: 'axis',
      axisPointer: {
        type: 'cross'
      }
    },
    grid: {
      left: option.interval > 1 ? '12%' : '6%',
      right: '20%',
      bottom: '3%',
      containLabel: true
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      // data: ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00',
      //   '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00',
      //   '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00',
      //   '21:00', '22:00', '23:00'],
      data: option.xData || [],
      axisLabel: {
        margin: 10,
        interval: option.interval,
        rotate: option.interval > 1 ? 35 : 0,
        fontSize: 12
      }
    },
    yAxis: {
      type: 'value'
    },
    series: [
      {
        // data: [10, 20, 60, 100, 90, 80, 70,
        //   50, 40, 30, 20, 50, 10, 20,
        //   60, 100, 90, 80, 70, 50, 40,
        //   30, 20, 50],
        data: option.yData || [],
        type: 'line',
        color: '#1890FF',
        smooth: true,
        areaStyle: { color: '#1890FF', opacity: 0.2 },
        markLine: {
          symbol: ['none', 'none'],
          data: [{
            type: '标记线',
            yAxis: option.danger || 0,
            color: 'red'
          }],
          silent: true,
          lineStyle: {
            color: option.danger ? 'red' : 'transparent',
            type: 'solid',
            cap: 'round'
          },
          label: {
            show: !!option.danger
          }
        },
        label: {
          show: false,
          formatter: (params) => {
            if (params.data >= option.danger) {
              return '{one|' + params.data + '}'
            } else {
              return '{two|' + params.data + '}'
            }
          },
          rich: {
            one: {
              align: 'right',
              color: '#ff0000'
            },
            two: {
              align: 'center',
              color: '#000'
            }
          }
        }
      }
    ]
    // dataZoom: [
    //   {
    //     type: 'inside',
    //     // show: false,
    //     show: true,
    //     realtime: true,
    //     start: 1,
    //     end: 25,
    //     minValueSpan: 2, // 放大到最多几个
    //     maxValueSpan: 4 // 缩小到最多几个

    //     // startValue: 0,
    //     // endValue: 4,
    //     // moveOnMouseMove: true,
    //     // moveOnMouseWheel: true,
    //     // zoomLock: true
    //   }
    //   // {
    //   //   type: 'inside',
    //   //   realtime: true,
    //   //   start: 1,
    //   //   end: 35
    //   // }
    // ]
  }
  return optionList
}
